<template>

	<view class="cg-nomore">
		<view class="" v-if="status === 'finished'">
			<view class="empty">
				- 到底了 -
			</view>

		</view>
		<view v-else>
			<view v-if="status === 'empty'">
				<cg-image src="icon/empty.png" width="280rpx" height="280rpx"></cg-image>
				<view class="empty">
					~空空如也~
				</view>
			</view>
			<view v-else>
				<view class="" v-if="status === 'loading'">

					<u-loading-icon mode="circle" text="加载中..." size="16px" textSize="16rpx"></u-loading-icon>
				</view>
				<view class="" v-else>
					上划加载更多
				</view>

			</view>

		</view>
	</view>

</template>

<script>
	// import config from '@/src/utils/config.js';

	export default {
		name: "cg-nomore",
		props: {
			// loading  finished empty
			status: {
				default: 'loading',
				type: String
			},

			isSlot: {
				default: false,
				type: Boolean
			},

		},
		data() {
			return {

			};
		},

	}
</script>

<style scoped>
	.empty {
		color: #666666;
	}

	.cg-nomore {
		font-size: 24rpx;
		padding: 60rpx 0;
		line-height: 66rpx;
		text-align: center;
		color: #606266;
	}
</style>